<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>俄罗斯方块</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div>请用方向键和空格键进行操作：上->旋转，右->右移，左->左移，下->下移，空格->坠落</div>
    <div class="square" id="local">
        <div class="title">我的游戏区域</div>
        <div class="game" id="local_game"></div>
        <div class="next" id="local_next"></div>
        <div class="info">
            <div>已用时：<span id="local_time">0</span>s</div>
            <div>已得分：<span id="local_score">0</span>分</div>
            <div id="local_gameover"></div>
        </div>
    </div>
    <div class="square" id="remote">
        <div class="title">我的游戏区域</div>
        <div class="game" id="remote_game"></div>
        <div class="next" id="remote_next"></div>
        <div class="info">
            <div>已用时：<span id="remote_time">0</span>s</div>
            <div>已得分：<span id="remote_score">0</span>分</div>
            <div id="remote_gameover"></div>
        </div>
    </div>
    <script src="js1/square.js"></script>
    <script src="js1/squareFactory.js"></script>
    <!-- <script src="js1/next.js"></script> -->
    <script src="js1/game.js"></script>
    <script src="js1/local.js"></script>
    <script src="js1/remote.js"></script>
    <script src="js1/script.js"></script>
</body>

</html>